<%@ page import="Bean.User" %>
<%@ page import="Bean.Furn" %>
<%@ page import="Bean.Cart" %>
<%@ page import="java.util.List" %>
<%@ page import="java.math.BigDecimal" %><%--
  Created by IntelliJ IDEA.
  User: liaozhipeng
  Date: 2024/9/22
  Time: 17:07
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge"/>
    <title>韩顺平教育-家居网购</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
    <link rel="stylesheet" href="../assets/css/vendor/vendor.min.css"/>
    <link rel="stylesheet" href="../assets/css/plugins/plugins.min.css"/>
    <link rel="stylesheet" href="../assets/css/style.min.css"/>
    <script type="text/javascript" src="../script/jquery-3.6.0.min.js">
    </script>
    <script>
        $(function (){
            $("#endCart").click(function (){
                return confirm("确定要结账?")
            })
        })
    </script>

</head>
<%
    User user = (User) session.getAttribute("User");
    Cart<Furn> furnCart = (Cart<Furn>) session.getAttribute("FurnCart");
    Integer SumSize = 0;
    BigDecimal SumPrice = new BigDecimal(0);
    List<Furn> goods = null;
    if (furnCart.getGoods() != null){
        goods = furnCart.getGoods();
        SumSize = goods.size();
        for (int i = 0; i < goods.size(); i++) {
            Furn furn = goods.get(i);
            SumPrice = SumPrice.add(furn.getPrice());
        }
    }
    session.setAttribute("keWord",furnCart.getKeyWord());
    session.setAttribute("PageNo",furnCart.getBeginIndex());
%>


<body>
<!-- Header Area start  -->
<div class="header section">
    <!-- Header Top Message Start -->
    <!-- Header Top  End -->
    <!-- Header Bottom  Start -->
    <div class="header-bottom d-none d-lg-block">
        <div class="container position-relative">
            <div class="row align-self-center">
                <!-- Header Logo Start -->
                <div class="col-auto align-self-center">
                    <div class="header-logo">
                        <a href="../index.html"><img src="../assets/images/logo/logo.png" alt="Site Logo"/></a>
                    </div>
                </div>
                <!-- Header Logo End -->
                <!-- Header Action Start -->
                <div class="col align-self-center">
                    <div class="header-actions">
                        <div class="header-bottom-set dropdown">
                            <a>欢迎: <%=user.getName()%>
                            </a>
                        </div>
                        <div class="header-bottom-set dropdown">
                            <a href="#">订单管理</a>
                        </div>
                        <div class="header-bottom-set dropdown">
                            <a href="<%=request.getContextPath()%>/javaWeb/MemberServlet?action=exit">安全退出</a>
                        </div>
                    </div>
                </div>
                <!-- Header Action End -->
            </div>
        </div>
    </div>
    <!-- Header Bottom  Start 手机端的header -->
    <div class="header-bottom d-lg-none sticky-nav bg-white">
        <div class="container position-relative">
            <div class="row align-self-center">
                <!-- Header Logo Start -->
                <div class="col-auto align-self-center">
                    <div class="header-logo">
                        <a href="../index.html"><img width="280px" src="../assets/images/logo/logo.png"
                                                     alt="Site Logo"/></a>
                    </div>
                </div>
                <!-- Header Logo End -->
            </div>
        </div>
    </div>
    <!-- Main Menu Start -->
    <div style="width: 100%;height: 50px;background-color: black"></div>
    <!-- Main Menu End -->
</div>
<!-- Header Area End  -->

<!-- OffCanvas Cart Start -->

<!-- OffCanvas Cart End -->

<!-- OffCanvas Menu Start -->

<!-- OffCanvas Menu End -->


<!-- breadcrumb-area start -->


<!-- breadcrumb-area end -->

<!-- Cart Area Start -->
<div class="cart-main-area pt-100px pb-100px">
    <div class="container">
        <h3 class="cart-page-title">Your cart items</h3>
        <div class="row">
            <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                <form action="#">
                    <div class="table-content table-responsive cart-table-content">
                        <table>
                            <thead>
                            <tr>
                                <th>图片</th>
                                <th>家居名</th>
                                <th>单价</th>
                                <th>数量</th>
                                <th>金额</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <%
                                if (furnCart.getGoods() != null) {

                                    for (Furn furn : goods) {
                            %>
                            <tr>
                                <td class="product-thumbnail">
                                    <a href="#"><img class="img-responsive ml-3"
                                                     src="../<%=furn.getImgPath()%>"
                                                     alt=""/></a>
                                </td>
                                <td class="product-name"><a href="#"><%=furn.getFurnName()%></a></td>
                                <td class="product-price-cart"><span class="amount">$<%=furn.getPrice()%></span></td>
                                <td class="product-quantity">
                                    <div class="cart-plus-minus">
                                        <input class="cart-plus-minus-box" type="text" name="qtybutton" value="1"/>
                                    </div>
                                    <input class="myCal" type="hidden"  name="FurnId" value="<%=furn.getId()%>">
                                </td>
                                <td class="product-subtotal">$<%=furn.getPrice()%></td>
                                <td class="product-remove">
                                    <a href="/Web/javaWeb/CartServlet?action=deleteFurn&FurnID=<%=furn.getId()%>"><i class="icon-close"></i></a>
                                </td>
                            </tr>
                            <%
                                    }
                                }
                            %>

                            </tbody>
                        </table>
                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="cart-shiping-update-wrapper">
                                <h4 id="myh4">共<%=SumSize%>件商品 总价 <%=SumPrice%>元</h4>
                                <div class="cart-shiping-update">
                                    <a id="endCart" href="/Web/javaWeb/OrderServlet?action=endCart&keWord=<%=furnCart.getKeyWord()%>&PageNo=<%=furnCart.getBeginIndex()%>">购 物 车 结 账</a>
                                </div>
                                <div class="cart-clear">
                                    <a href="/Web/javaWeb/CartServlet?action=Continue">继 续 购 物</a>
                                    <a href="/Web/javaWeb/CartServlet?action=ClearCart">清 空 购 物 车</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </form>

            </div>
        </div>
    </div>
</div>
<!-- Cart Area End -->

<!-- Footer Area Start -->
<div class="footer-area">
    <div class="footer-container">
        <div class="footer-top">
            <div class="container">
                <div class="row">
                    <!-- Start single blog -->
                    <!-- End single blog -->
                    <!-- Start single blog -->
                    <div class="col-md-6 col-sm-6 col-lg-3 mb-md-30px mb-lm-30px" data-aos="fade-up"
                         data-aos-delay="400">
                        <div class="single-wedge">
                            <h4 class="footer-herading">信息</h4>
                            <div class="footer-links">
                                <div class="footer-row">
                                    <ul class="align-items-center">
                                        <li class="li"><a class="single-link" href="about.html">关于我们</a></li>
                                        <li class="li"><a class="single-link" href="#">交货信息</a></li>
                                        <li class="li"><a class="single-link" href="privacy-policy.html">隐私与政策</a>
                                        </li>
                                        <li class="li"><a class="single-link" href="#">条款和条件</a></li>
                                        <li class="li"><a class="single-link" href="#">制造</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End single blog -->
                    <!-- Start single blog -->
                    <div class="col-md-6 col-lg-2 col-sm-6 mb-lm-30px" data-aos="fade-up" data-aos-delay="600">
                        <div class="single-wedge">
                            <h4 class="footer-herading">我的账号</h4>
                            <div class="footer-links">
                                <div class="footer-row">
                                    <ul class="align-items-center">
                                        <li class="li"><a class="single-link" href="my-account.html">我的账号</a>
                                        </li>
                                        <li class="li"><a class="single-link" href="cart.html">我的购物车</a></li>
                                        <li class="li"><a class="single-link" href="login.html">登录</a></li>
                                        <li class="li"><a class="single-link" href="wishlist.html">感兴趣的</a></li>
                                        <li class="li"><a class="single-link" href="checkout.html">结账</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End single blog -->
                    <!-- Start single blog -->
                    <div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="800">

                    </div>
                    <!-- End single blog -->
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="container">
                <div class="row flex-sm-row-reverse">
                    <div class="col-md-6 text-right">
                        <div class="payment-link">
                            <img src="#" alt="">
                        </div>
                    </div>
                    <div class="col-md-6 text-left">
                        <p class="copy-text">Copyright &copy; 2021 韩顺平教育~</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Footer Area End -->
<script src="../assets/js/vendor/vendor.min.js"></script>
<script src="../assets/js/plugins/plugins.min.js"></script>
<!-- Main Js -->
<script src="../assets/js/main.js"></script>
<script>
    $(function (){
        $(".cart-plus-minus").click(function () {
            var number = $(this).find(".cart-plus-minus-box").val();
            var FurnId = $(this).next().val();
            $.post(
                "/Web/javaWeb/CartServlet?action=getFurnNumber",
                {
                    Time: new Date(),
                    FurnId:FurnId,
                    Size: number,
                    FurnNumber:"<%=SumSize%>"
                },
            function (data, status ,xhr) {
                console.log("成功")
                console.log("data", data)
                console.log("status", status)
                console.log("xhr", xhr)
                $("#myh4").text(data)
            },
                "text"
            )
        })
    })
</script>


</body>
</html>